From 3ffde88cdb421b0f6132e12e8576b67de37ed453 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 4 Jan 2024 09:07:16 -0800
Subject: refactor(badges): buttons

---
 src/routes/user/[user]/badges/+page.svelte | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

(limited to 'src/routes/user/[user]')

diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index 173436d9..11cbacdf 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -204,8 +204,7 @@
 			<p>
 				<a href={`/user/${data.username}`}>Back to Profile</a>
 				•
-				<a
-					href={`#`}
+				<button
 					on:click={() => {
 						if (editMode) selectedBadge = undefined;
 
@@ -213,9 +212,9 @@
 					}}
 				>
 					{editMode ? 'Disable' : 'Enable'} Edit Mode
-				</a>
+				</button>
 				•
-				<a href={`#`} on:click={() => screenshot()}>Download</a>
+				<button on:click={() => screenshot()}>Download</button>
 				•
 				<input type="checkbox" bind:checked={dark} /> Dark Mode
 				<input type="checkbox" bind:checked={transparent} /> Transparent Background
@@ -268,14 +267,16 @@
 							: selectedBadge.category
 						: ''}
 				/>
-				<a href={`#`} on:click={submitBadge}>{selectedBadge ? 'Update' : 'Add'} Badge</a>
+				<button class="button-lined" on:click={submitBadge}
+					>{selectedBadge ? 'Update' : 'Add'}</button
+				>
 				{#if selectedBadge}
 					or
-					<a
-						href={`#`}
+					<button
+						class="button-lined"
 						on:click={() => {
 							if (selectedBadge) removeBadge(selectedBadge);
-						}}>Delete Badge (click twice)</a
+						}}>Delete (click twice)</button
 					>
 				{/if}
 				<span style="float: right;">
-- 
cgit v1.2.3